<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://www.bootcss.com/p/layoutit/css/layoutit.css" rel="stylesheet">
<title>复审04</title>
<style>
#login {  
			        display:none;  
			        border:0em solid pink;  
			        height:50%;  
			        width:50%;  
			        position:absolute;/*让节点脱离文档流,我的理解就是,从页面上浮出来,不再按照文档其它内容布局*/  
			        top:24%;/*节点脱离了文档流,如果设置位置需要用top和left,right,bottom定位*/  
			        left:24%;  
			        z-index:2;/*个人理解为层级关系,由于这个节点要在顶部显示,所以这个值比其余节点的都大*/  
			       /*  background: lightgrey;   */
			        border: 0px solid; 
			    }  
	 #over{  
		 width: 100%;  
		 height:100%;  
		 opacity:0.8;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/  
		 filter:alpha(opacity=80);  
		 display: none;  
		 position:absolute;  
		 top:0;  
		 left:0;  
		 z-index:1;  
		 background: lightgrey;
		 } 
	.logo{
		background-image:url(images/hyd_logo.png);
		background-repeat:repeat-y;
		border:1px solid black;
		background-color: gray;
		width:100%;
		height:80px;
		margin:auto;
	}
	.logo h1{
		color:white;
		position:absolute; 
		font-size:30px;
		margin-left: 180px;
		margin-top: 5px;
	}
	.logo button{
		color: red;
		width:80px;
		height:30px;
		font-size:18px;
		font-weight:bold;
		float:right;
		margin-top: 45px;
	}
	.demo{
		border:2px solid green;
		width:100%;
		height: 590px;
		
	}
	.demo01{
		width:150px;
		height:590px;
		background-color:highlight;
		border:1px solid gray;
		float: left;
	}
 	.leixin{
		font-size: 18px;
		margin: 35px auto;	
	} 
 	a{	
		text-decoration:none;
		color:brown;
		font-weight: bold;
	}
 	.demo02{
		width:1420px;
		height: 590px;
		border:1px solid red;
		margin-left: 155px;
	}

 	.banquan{
		width: 100%;
		height: 70px;
		background-color: gray;
		border:1px solid black;
		
	}
	.banquan p{
		text-align: center;
		font-size: 16px;
		margin-top: 2px;
	} 
	td{
		text-align: center;
		color:maroon;
		font-weight: bold;
	}
	tr{
		line-height: 25px;
	} 
	#img{
		border:0px solid red;
		width: 600px;
		height: 500px;
		margin-left: 720px;
		margin-top: -540px;
	}
	.yema{
		border:0px solid red;
		width: 400px;
		height: 20px;
		margin: auto;
		margin-top: 30px;
		color: brown;
		font-weight: bold;
	}
</style>
</head>
<body>
	<!-- logo区 -->
	<div class="logo" >	
		<h1>好易贷初审管理系统</h1>
		<button>退出</button>
	</div>
	<!-- 内容区 -->
	<div class="demo" >
		<!-- 模块1区 -->
		<div class="demo01">
			<ul class="type">
				<li class="leixin"><a href="fuShen01.jsp">信用贷款</a></li>
				<li class="leixin"><a href="fuShen02.jsp">抵押贷款</a></li>	
				<li class="leixin"><a href="fuShen03.jsp">公司贷款</a></li>
			</ul>
		</div>
		<!-- 模块2区 -->
		<div class="demo02">
			<p style="color:brown;font-weight: bold;font-family: cursive;font-size: 20px;margin-top: -1px">参加活动用户</p>
			
			<table border="1" bordercolor="brown" style="margin-left: 50px;">
				
				<tr>
					<td width="150px">编号</td><td width="400px">xxx</td>
				</tr>
				<tr>
					<td>单号</td><td>xxx</td>
				</tr>
				<tr>
					<td>姓名</td><td>xxx</td>
				</tr>
				<tr>
					<td>电话</td><td>xxx</td>
				</tr>
				<tr>
					<td>身份证</td><td>xxx</td>
				</tr>
				<tr>
					<td>银行卡</td><td>xxx</td>
				</tr>
				<tr>
					<td>现居地址</td><td>xxx</td>
				</tr>
				<tr>
					<td>贷款金额</td><td>xxx</td>
				</tr>
				<tr>
					<td>贷款用途</td><td>xxx</td>
				</tr>
				<tr>
					<td>婚姻状况</td><td>xxx</td>
				</tr>
				<tr>
					<td>公司名称</td><td>xxx</td>
				</tr>
				<tr>
					<td>公司地址</td><td>xxx</td>
				</tr>
				<tr>
					<td>紧急联系人</td><td>xxx</td>
				</tr>
				<tr>
					<td>贷款类型</td><td>xxx</td>
				</tr>
				<tr>
					<td>贷款期数</td><td>xxx</td>
				</tr>
				<tr>
					<td>紧急联系人电话</td><td>xxx</td>
				</tr>
				<tr>
					<td height="35px;">审核意见</td><td><button style="width: 100px;height: 30px;color:green;font-size: 17px;font-weight: bold;">通过</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button style="width: 100px;height: 30px;color:red;font-size: 17px;font-weight: bold;">不通过</button></td>
				</tr>
			</table>
			<div id="img">
				<table border="1" bordercolor="green" >
				
				<tr>
					<td colspan="2" height="35px">身份证正反面</td>
				</tr>
				<tr>
					<td width="290px" height="160px"><img src="images/2a.jpg" width="288px" height="158px"></td><td width="290px" height="160px"><img src="images/1a.JPG" width="288px" height="158px"></td>
				</tr>
				
				<tr>
					<td colspan="2" height="35px">银行卡正反面</td>
				</tr>
				<tr>
					<td width="290px" height="160px"><img src="images/3a.jpg" width="288px" height="158px"></td><td width="290px" height="160px"><img src="images/33.jpg" width="288px" height="158px"></td>
				</tr>
			</table>
			<div class="yema">
				<span id="spanFirst">首页</span>&nbsp;&nbsp;
				<span id="spanPre">上一页</span>&nbsp;&nbsp;
				<span id="spanNext">下一页</span> &nbsp;&nbsp;
				<span id="spanLast">尾页</span> &nbsp;&nbsp;
				第<span id="spanPageNum">1</span>页/共<span id="spanTotalPage">7</span>条信息 
			</div>
			
		</div>
			
		</div>
	</div>
	<!-- 版权区 -->
	<div class="banquan">
		<p>版权所有，盗版必究</p>
		<p>http://www.zhiling.com</p>
	</div>


</body>
</html>